<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <button>按钮</button>
    <script>
        function jj (){
            console.log(123);
            
        }
        jj()
        let hh = ()=>{
            console.log(136);
            
        }
        hh()
        // 唯一不一样的是this
        let button = document.querySelector('button')
        button.onclick=function(){
            console.log(this);
            
        }
        button.onclick=()=>{
            // 箭头函数中是没有this的，他的this指向最外层的对象
            console.log(this);
            
        }
        let obj = {
            name:'张三',
            fn:function(){
                console.log(this);

            },
            dn2:function() {
                console.log(this);
                return  1123
                
            }
        }
        obj.fn()
        console.log(obj.dn2());
        // 箭头使用
        // （参数一，参数二，参数...）=>{
        // 函数体
        //  }
        // 如果只有一个参数的情况下可以省略括号
        // 例：item=>{
        //     console.log(132);
            
        // }
        // 如果函数体中只是return一句话  可以省略return和{}
        // item=>{
        //     return  item>1
        // }
        // item=>item>1
        // 所有的数组操作方法都可以使用这种方法
        let arr =[1,2,3,4,5,6] 
        // let index =arr.findIndex(function(item){
        // return item>3
        //  })
        // console.log(index);
        // let index=arr.findIndex(item=>item>3)
        // console.log(index);
        let index= arr.findIndex(item=>item>3)

        
    </script>
</body>
</html>